.app {
    width: 100%;
    height: 100%;
    background: url("/src/assets/background.png") no-repeat;
    background-size: 100% 100%;
    color: #fff;

    :global {
        .sales-target {
            .panel {
                background-color: rgba(0, 72, 255, .1);
            }
        }

        .rfm-child {
            margin-right: 20px;
        }

        .time-map {
            .digit {
                padding: 4px;
                border: 2px solid;
                border-image: linear-gradient(45deg, #2355be, #4d79bd) 1;
                color: #5ddcd1;
                font-size: 34px;
                font-weight: bold;
                margin-right: 5px;
                -webkit-text-stroke: 2px #429ad4
            }
        }

        .on-time {
            .digit {
                letter-spacing: 3px;
                border-image: linear-gradient(45deg, #2355be, #4d79bd) 1;
                color: #5ddcd1;
                font-size: 16px;
                -webkit-text-stroke: 2px #429ad4
            }
        }

        .sale-target {
            .digit {
                // padding: 4px;
                display: inline-block;
                text-align: center;
                text-indent: 5px;
                box-sizing: border-box;
                border: 1px solid #4565a1;
                background-image: linear-gradient(45deg, #0d2155, #06102a);
                color: #68e0cf;
                font-size: 36px;
                font-weight: bold;
                margin-right: 5px;
            }

            :global(.ant-progress-bg-inner) {
                background-image: linear-gradient(to bottom, #0beadc, #0ba2f9) !important;

                .ant-progress-text {
                    color: #fff !important;
                }
            }
        }

        .title-data {
            .digit {
                // padding: 4px;
                display: inline-block;
                text-align: center;
                box-sizing: border-box;
                border: 1px solid #4565a1;
                background-image: linear-gradient(45deg, #0d2155, #06102a);
                color: #68e0cf;
                font-size: 30px;
                font-weight: bold;
                margin-right: 5px;
            }
        }

        .seamless-scroll {
            &>div>div {
                margin-bottom: 20px;
            }
        }

        .schedule-prospect {
            background-color: rgba(0, 72, 255, .1);
        }

        .jsqz {
            .panel-list-title {
                width: 100%;
            }
        }

        .qytdss {
            .panel-list-title {
                width: 100%;
            }
        }
    }
}